/* inch the whole tabs up to show at the bottom of header exactly */
.mainMenu {
    margin-top: 6px;
}

/* tab images */
.mainMenu li {
    line-height: 1em;
    margin-right: 6px;
    background: #83B818 url('/images/4.0/tabs/tab_main.gif') no-repeat left top;
}

.mainMenu li a {
    margin-right: -5px;
    color: #FFF;
    background: #83B818 url('/images/4.0/tabs/tab_cap.gif') no-repeat right top;

    /* 
     * the next three styles are necessary to fix IE negative margin bug to
     * make the "a" element show up outside the parent element's box
     * see: http://haslayout.net/css/negmargin  
     */
    zoom: 1;
    position: relative;
    float: left;
}

.mainMenu li a:hover {
	color: #444444;
}

.mainMenu li li {
    margin-right: 0px;
    background: #83B818 url('/images/4.0/backgrounds/mainnav_2_ruler.gif') repeat-x left top;
}
.mainMenu li li a {
    margin-right: 0px;
    background: #83B818;
    color: #FFF;
    float: none; /* this resets the float that was introduced in the ".mainMenu li a" rule above */
}

/* active tab images */
.mainMenu li.activeTab {
    background: url('/images/4.0/tabs/tab_main_active.gif') no-repeat left top;
    color: #FFF;
}

.mainMenu li.activeTab a, .mainMenu li.activeTab a:visited {
    color: #FFF;
    background: url('/images/4.0/tabs/tab_cap_active.gif') no-repeat right top;
}

.mainMenu li.activeTab li a, .mainMenu li.activeTab li a:visited {
    color: #FFF;
    margin-right: 0px;
    background: #83B818;
}


/* the links to submenus should have an arrow */
.mainMenu li.hasSubmenu a, .mainMenu li.hasSubmenu a:visited,.mainMenu li.activeTab li.hasSubmenu a, .mainMenu li.activeTab li.hasSubmenu a:visited {
    background: #83B818 url('/images/4.0/icons/resultset_next.gif') no-repeat scroll 98% 1px;
}

/* however links within a submenu should not have an arrow */
.mainMenu li.hasSubmenu ul a,.mainMenu li.hasSubmenu ul a:visited,.mainMenu li.activeTab li.hasSubmenu ul a,.mainMenu li.activeTab li.hasSubmenu ul a:visited {
    background: #83B818;
}

.mainMenu li.hasSubmenu ul {
    background: #83B818;
}

.mainMenu li.activeTab a:hover {
	color: #000000;
}
.mainMenu li.activeTab li a:hover {
	color: #FFFFFF;
	background: #83827C;
}

.mainMenu li li a:hover {
	color: #FFFFFF;
	background: #83827C;
}
/* end tab images */
